﻿@charset "utf-8";
/* CSS Document */

html 
{
    height:100%;
}

body
{
	background-color:#dee4fa;
    height:100%;
}

#main
{
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:1200px;
	height:100%;
	margin-top:-8px;
	z-index:0;
}

#darkbar
{
	background-color:#000066;
	width:1200px;
	height:60px;
	position:relative;
	top:-32px;
}

#company
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:40px;
	color:white;
	text-align:left;
	width:150px;
	position:relative;
	left:15px;
}

#truckicon
{
	position:relative;
	top:-95px;
	left:190px;	
}

#email
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:white;
	text-align:right;
	width:200px;
	position:relative;
	left:858px;
	top:-170px;
}

#triangle
{
    width:60px;
    height:60px;
    position:relative;
	top:-237px;
	left:1140px;
	z-index:2;
    display:block;
    background-image:url(../Images/triangledark.png);
}
#triangle:hover 
{
    background-image:url(../Images/trianglelight.png);
}

#trianglerotated
{
    width:60px;
    height:60px;
    position:relative;
	top:-297px;
	left:1140px;
	z-index:1;
}

#userbox
{
	background-color:#6183A6;
	width:236px;
	height:145px;
	position:relative;
	top:-325px;
	left:964px;
	z-index:3;
	display:none;
}

#userlink1
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:white;
	text-align:left;
	width:200px;
	position:relative;
	top:8px;
	left:15px;
    text-decoration:none;
}

#userlink2
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:white;
	text-align:left;
	width:250px;
	position:relative;
	top:-7px;
	left:15px;
    text-decoration:none;
}

#userlink3
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:white;
	text-align:left;
	width:200px;
	position:relative;
	top:-20px;
	left:15px;
    text-decoration:none;
}

#lightbar
{
	background-color:white;
	width:1200px;
	height:80px;
	position:relative;
	top:-31px;
    z-index:2;
}

#dailyupdates 
{
    width:240px;
    height:80px;
    position:relative;
	top:0px;
	left:0px;
	z-index:3;
    display:block;
    background-image:url(../Images/dailyupdateslight.png);
}
#dailyupdates:hover 
{
    background-image:url(../Images/dailyupdatesdark.png);
}

#findreports 
{
    width:240px;
    height:80px;
    position:relative;
	top:-80px;
	left:241px;
	z-index:3;
    display:block;
    background-image:url(../Images/findreportslight.png);
}
#findreports:hover 
{
    background-image:url(../Images/findreportsdark.png);
}

#reportladder
{
    width:240px;
    height:80px;
    position:relative;
	top:-160px;
	left:482px;
	z-index:3;
    display:block;
    background-image:url(../Images/reportladderlight.png);
}
#reportladder:hover 
{
    background-image:url(../Images/reportladderdark.png);
}

#about
{
    width:240px;
    height:80px;
    position:relative;
	top:-240px;
	left:723px;
	z-index:3;
    display:block;
    background-image:url(../Images/aboutlight.png);
}
#about:hover 
{
    background-image:url(../Images/aboutdark.png);
}

#contact 
{
    width:236px;
    height:80px;
    position:relative;
	top:-320px;
	left:964px;
	z-index:3;
    display:block;
    background-image:url(../Images/contactlight.png);
}
#contact:hover 
{
    background-image:url(../Images/contactdark.png);
}

#description
{
	background-color:white;
	width:1200px;
	height:auto;
    z-index:4;
}

#title
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:40px;
	color:black;
	text-align:left;
	width:500px;
	position:relative;
	top:-60px;
	left:25px;
    z-index:4;
}

#summary
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:30px;
	color:black;
	text-align:left;
	width:1000px;
	position:relative;
	top:-100px;
	left:25px;
    z-index:4;
}

/* Daily Updates CSS */

#tableheader 
{
    background-color:white;
	width:1150px;
	height:60px;
    z-index:4;
    position:relative;
    top:-105px;
    left:25px;
}

#name
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:316px;
	position:relative;
	top:0px;
	left:0px;
    z-index:4;
    padding-bottom:5px;
    padding-left:10px;
    border-bottom:4px solid gray;
}

#vin
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:317px;
	position:relative;
	top:-35px;
	left:314px;
    z-index:4;
    padding-bottom:5px;
    padding-left:10px;
    border-left:2px solid gray;
    border-bottom:4px solid gray;
}

#date
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:317px;
	position:relative;
	top:-71px;
	left:629px;
    z-index:4;
    padding-bottom:5px;
    padding-left:10px;
    border-left:2px solid gray;
    border-bottom:4px solid gray;
}

#grade
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:100px;
	position:relative;
	top:-107px;
	left:934px;
    z-index:4;
    padding-bottom:5px;
    padding-left:10px;
    border-left:2px solid gray;
    border-bottom:4px solid gray;
}

#points
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:100px;
	position:relative;
	top:-142px;
	left:1037px;
    z-index:4;
    padding-bottom:5px;
    padding-left:10px;
    border-left:2px solid gray;
    border-bottom:4px solid gray;
}

#dailytablediv 
{
    background-color:white;
	width:1200px;
    height:auto;
}

#tablecontent 
{
    background-color:white;
	width:1150px;
    z-index:4;
    position:relative;
    top:-115px;
    left:25px;
    border-collapse:collapse;
}

td.index 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:16px;
	color:black;
	text-align:left;
    z-index:4;
    padding-bottom:5px;
    padding-left:10px;
}

tr.index 
{
    background-color:white;
}
tr.index:hover 
{
    background-color:#98F5FF;
    cursor:pointer;
}

/* View Report CSS */

#viewreport 
{
    background-color:white;
	width:1200px;
	height:auto;
    z-index:4;
    position:relative;
    top:-105px;
    left:0px;
}

#viewgrade
{
	font-family: Segoe UI;
	font-weight: bolder;
	font-size:160px;
	color:black;
	text-align:left;
	width:316px;
	position:relative;
	top:-190px;
	left:25px;
    z-index:4;
}

#pointfraction 
{
	width:150px;
	height:150px;
    z-index:4;
    position:relative;
    top:-390px;
    left:28px;
}

#viewpoints
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:48px;
	color:black;
	text-align:left;
	width:100px;
	position:relative;
	top:-575px;
	left:25px;
    z-index:5;
}

#viewdriver
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:left;
	width:500px;
	position:relative;
	top:-560px;
	left:25px;
    z-index:4;
}

#viewvin
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:left;
	width:500px;
	position:relative;
	top:-570px;
	left:25px;
    z-index:4;
}

#tabletitle1
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:center;
	width:1150px;
	position:relative;
	top:-560px;
	left:25px;
    z-index:4;
}

#viewheaders1 
{
    position:relative;
    top:-600px;
    left:10px;
}

#header1
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:378px;
	position:relative;
    left:8px;
    top:35px;
    z-index:5;
    padding-bottom:5px;
    padding-left:10px;
    border-bottom:4px solid black;
}

#header2
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:378px;
	position:relative;
    top:-21px;
    left:388px;
    z-index:5;
    padding-bottom:5px;
    padding-left:10px;
    border-left:2px solid black;
    border-bottom:4px solid black;
}

#header3
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:378px;
	position:relative;
    top:-76px;
    left:776px;
    z-index:5;
    padding-bottom:5px;
    padding-left:10px;
    border-left:2px solid black;
    border-bottom:4px solid black;
}

#infractionoverview 
{
    background-color:white;
	width:1150px;
    z-index:4;
    position:relative;
    top:-690px;
    left:20px;
    border-collapse:collapse;
}

td.view 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:16px;
	color:black;
	text-align:left;
    z-index:4;
    padding-bottom:5px;
    padding-left:10px;
}

#tabletitle2
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:center;
	width:1150px;
	position:relative;
	top:-680px;
	left:25px;
    z-index:4;
}

#viewheaders2
{
    position:relative;
    top:-720px;
    left:10px;
}

#viewheader1
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:378px;
	position:relative;
    left:8px;
    top:35px;
    z-index:5;
    padding-bottom:5px;
    padding-left:10px;
    border-bottom:4px solid black;
}

#viewheader2
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:378px;
	position:relative;
    top:-21px;
    left:388px;
    z-index:5;
    padding-bottom:5px;
    padding-left:10px;
    border-left:2px solid black;
    border-bottom:4px solid black;
}

#viewheader3
{
	font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:378px;
	position:relative;
    top:-77px;
    left:776px;
    z-index:5;
    padding-bottom:5px;
    padding-left:10px;
    border-left:2px solid black;
    border-bottom:4px solid black;
}

#infractionbreakdown
{
    background-color:white;
	width:1150px;
    z-index:4;
    position:relative;
    top:-810px;
    left:20px;
    border-collapse:collapse;
}

/* Find Report CSS */

#finddate 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:right;
	width:500px;
	position:relative;
	top:-100px;
	left:50px;
    z-index:4;
}

#findvin 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:right;
	width:500px;
	position:relative;
	top:-75px;
	left:50px;
    z-index:4;
}

#finddriver 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:right;
	width:500px;
	position:relative;
	top:-75px;
	left:50px;
    z-index:4;
}

#findgrade 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:right;
	width:500px;
	position:relative;
	top:-75px;
	left:50px;
    z-index:4;
}

#findinfraction 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:right;
	width:500px;
	position:relative;
	top:-73px;
	left:50px;
    z-index:4;
}

#to 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:right;
	width:500px;
	position:relative;
	top:-115px;
	left:295px;
    z-index:4;
}

#finddatebox1 
{
    font-family: Segoe UI;
	font-weight: normal;
    width:250px;
    height:30px;
	position:relative;
	top:-427px;
	left:660px;
    padding-left:5px;
}

#finddatebox2 
{
    font-family: Segoe UI;
	font-weight: normal;
    width:250px;
    height:30px;
	position:relative;
	top:-389px;
	left:660px;
    padding-left:5px;
}

#findvinbox 
{
    font-family: Segoe UI;
	font-weight: normal;
    width:254px;
    height:35px;
	position:relative;
	top:-375px;
	left:660px;
    padding-left:5px;
}

#finddriverbox 
{
    font-family: Segoe UI;
	font-weight: normal;
    width:254px;
    height:35px;
	position:relative;
	top:-320px;
	left:402px;
    padding-left:5px;
}

#findgradebox 
{
    font-family: Segoe UI;
	font-weight: normal;
    width:254px;
    height:35px;
	position:relative;
	top:-265px;
	left:144px;
    padding-left:5px;
}

#findinfractionbox1 
{
    width:30px;
    height:30px;
    position:relative;
    top:-198px;
    left:-117px;
}

#findinfractionbox2
{
    width:30px;
    height:30px;
    position:relative;
    top:-205px;
    left:657px;
}

#findinfractionbox3
{
    width:30px;
    height:30px;
    position:relative;
    top:-205px;
    left:657px;
}

#findinfractionbox4
{
    width:30px;
    height:30px;
    position:relative;
    top:-205px;
    left:657px;
}

#findspan1 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:500px;
	position:relative;
    top:-207px;
    left:-100px;
    z-index:4;
}

#findspan2 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:500px;
	position:relative;
    top:-213px;
    left:674px;
    z-index:4;
}

#findspan3 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:500px;
	position:relative;
    top:-213px;
    left:674px;
    z-index:4;
}

#findspan4 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:left;
	width:500px;
	position:relative;
    top:-213px;
    left:674px;
    z-index:4;
}

#findsubmitbutton 
{
    font-family: Segoe UI;
	font-weight: normal;
	width:120px;
	height:30px;
	position:relative;
	top:-190px;
	left:540px;
}

/* Report Ladder CSS */

#expandablelist 
{
    font-family: Segoe UI;
	font-weight: normal;
    width:1150px;
    height:auto;
    z-index:5;
    position:relative;
    top:-110px;
    left:15px;
    padding-bottom:100px;
}

/* About CSS */

#about1 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:left;
	width:1150px;
	position:relative;
    top:-80px;
    left:25px;
    z-index:4;
}

#about2
{
    font-family: Segoe UI;
	font-weight: bolder;
	font-size:50px;
	color:black;
	text-align:center;
	width:1150px;
	position:relative;
    top:-120px;
    left:25px;
    z-index:4;
}

#about3 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:left;
	width:1150px;
	position:relative;
    top:-160px;
    left:25px;
    z-index:4;
}

#about4 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:30px;
	color:black;
	text-align:right;
	width:1150px;
	position:relative;
    top:-160px;
    left:25px;
    z-index:4;
}

/* Contact CSS */

#team 
{
    font-family: Segoe UI;
	font-weight: bolder;
	font-size:30px;
	color:black;
	text-align:center;
	width:1150px;
	position:relative;
    top:-100px;
    left:25px;
    z-index:4;
}

#member1 
{
    width:500px;
    height:200px;
    position:relative;
    left:200px;
}

#portrait1
{
    width:200px;
    height:200px;
    border: 2px solid black;
    position:relative;
    top:-100px;
    left:150px;
}

#contactbox1
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:center;
	width:400px;
	position:relative;
    top:-280px;
    left:320px;
    z-index:4;
}

#member2 
{
    width:500px;
    height:200px;
    position:relative;
    left:200px;
}

#portrait2
{
    width:200px;
    height:200px;
    border: 2px solid black;
    position:relative;
    top:-80px;
    left:150px;
}

#contactbox2
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:center;
	width:400px;
	position:relative;
    top:-260px;
    left:320px;
    z-index:4;
}

#member3
{
    width:500px;
    height:200px;
    position:relative;
    left:200px;
}

#portrait3
{
    width:200px;
    height:200px;
    border: 2px solid black;
    position:relative;
    top:-60px;
    left:150px;
}

#contactbox3
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:24px;
	color:black;
	text-align:center;
	width:400px;
	position:relative;
    top:-240px;
    left:320px;
    z-index:4;
}

/* Settings CSS */

#settingsinstructions 
{
    font-family: Segoe UI;
	font-weight: lighter;
	font-size:20px;
	color:black;
	text-align:center;
	width:800px;
	position:relative;
	top:-115px;
	left:200px;
    z-index:4;
}

#settingsvinbox 
{
    font-family: Segoe UI;
	font-weight: normal;
    width:254px;
    height:35px;
	position:relative;
	top:-110px;
	left:332px;
    padding-left:5px;
}

#settingsdriverbox
{
    font-family: Segoe UI;
	font-weight: normal;
    width:250px;
    height:30px;
	position:relative;
	top:-110px;
	left:357px;
    padding-left:5px;
}

#settingssubmitbutton 
{
    font-family: Segoe UI;
	font-weight: normal;
	width:120px;
	height:30px;
	position:relative;
	top:-80px;
	left:540px;
}

/* Account Information CSS */
